<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/css.css">
    <link rel="stylesheet" href="./图标/iconfont.css">
    <link rel="stylesheet" href="./css/register.css">
</head>
<body>
    <header>
        <aside class="header_main">
            <div class="logo">
                <ul>
                    <li><img src="./img/logo.png" alt=""></li>
                    <li>导航1</li>
                    <li>导航2</li>
                    <li>导航3</li>
                    <li>导航4</li>
                    <li>导航5</li>
                </ul>
            </div>
            <div class="other">
                <ul>
                    <li class="iconfont icon-denglu"><a href="./登录页面.html">登录</a></li>
                    <li class="iconfont icon-zhuce"><a href="./注册页面.html">注册</a></li>
                    <li class="iconfont icon-lingdang"></li>
                    <li class="iconfont icon-xiaoxi1"></li>
                    <li>
                        <section>

                        </section>
                        <div class="menu">
                            <aside class="iconfont icon-denglu"> 个人主页</aside>
                            <aside class="iconfont icon-shezhi"> 个人设置</aside>
                            <aside class="iconfont icon-zhanghu"> 账户中心</aside>
                            <aside class="iconfont icon-tuichu"> 退出登录</aside>
                        </div>
                    </li>
                </ul>
            </div>
        </aside>
    </header>
    <article>
        <form action="">
            <section>
                <div class="top">
                    <aside> <a href="./登录页面.html">登录账号</a></aside>
                    <aside> <span>注册账号</span></aside>
                </div>
                <div class="usname">
                    <label for="usname">手机/邮箱</label>
                    <aside>
                        <input type="email" name="账号" placeholder="请输入手机或邮箱" id="usname">
                    </aside>
                </div>
                <div class="password">
                    <label for="password">密码：</label>
                    <aside>
                        <input type="password" name="密码" placeholder="请输入密码" id="password">
                    </aside>
                    <aside>
                        <input type="radio" id="men" name="sex" >
                        <label for="men">男</label>
                        <input type="radio" name="sex" id="women">
                        <label for="women">女</label>
                    </aside>
                </div>
                <div class="address">
                    <select name="sf" id="sf" aria-valuetext="请选择省份">
                        <option value="">四川</option>
                        <option value="">广州</option>
                        <option value="">浙江</option>
                    </select>
                    <select name="cs" id="cs" aria-valuetext="请选择城市">
                        <option value="">成都</option>
                        <option value="">佛山</option>
                        <option value="">温州</option>
                    </select>
                </div>
                <div class="my">
                    <label for="my">个人简介</label>
                    <aside><textarea name="my" id="my" cols="30" rows="10"></textarea></aside>
                </div>
                <div class="verification" >
                    <label for="">验证码</label>
                    <aside><input type="text" maxlength="5"> <img src="./img/sncode.jpg" alt=""></aside>
                </div>
                <div class="sign">
                    <input type="submit" value="注册">
                </div>
            </section>
        </form>
    </article>
    <footer>
        <aside class="footer_main">
            <div class="footer_left">
                <ul>
                    <li>
                        <h2>链接组1</h2>
                        <p>lorem.</p>
                        <p>Vero!</p>
                    </li>
                    <li>
                        <h2>链接组2</h2>
                        <p>lorem.</p>
                        <p>Vero!</p>
                    </li>
                    <li>
                        <h2>链接组3</h2>
                        <p>lorem.</p>
                        <p>Vero!</p>
                    </li>
                    <li>
                        <h2>链接组4</h2>
                        <p>lorem.</p>
                        <p>Vero!</p>
                    </li>
                </ul>
            </div>
            <div class="footer_right">
                <aside class="footer_right_top"><img src="./img/logo.png" alt=""></aside>
                <aside class="footer_right_down">
                    <ul>
                        <li class="iconfont icon-weibo"></li>
                        <li class="iconfont icon-weixin"></li>
                        <li class="iconfont icon-pingguo"></li>
                        <li class="iconfont icon-anzhuo"></li>
                    </ul>
                </aside>
            </div>
        </aside>
    </footer>
</body>
</html>